<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 练习</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<center>
    <!--
        跳转到id为bottom的元素所在的位置 ,就把herf设置为 # + 元素
    -->
    <a href="#bottom">去底部</a>
    <h1>这是我的个人博客<hr /></h1>
    <h2>东风破</h2>
    <a href="#">周杰伦</a>
    <p>
        船舱它是我的家<br />
        大海是我嘘嘘的地方<br />
        我对海鲜会过敏 吃素已很久<br />
        想当那歌手 结果变成水手<br />
        Oh oh～ 怎么有点东北腔调<br />
        No no～ 去到太远的地方<br />
        人家Popeye最爱吃菠菜<br />
        我却爱清粥小菜 再来点海带<br />
        铃不铃不铃 铃不铃不铃<br />
        铃不铃不铃 铃不铃不铃<br />
        我的闹钟怎么叫不醒我<br />
        铃不铃不铃 铃不铃不铃<br />
        铃不铃不铃 铃不铃不铃<br />
        林老师在喝牛奶<br />
        叫我 水手<br />
        Oh oh come on come on baby<br />
        美人鱼勾引我这招 卑鄙<br />
        Oh喊我 水手<br />
        Oh oh come on come on honey<br />
        我喜欢你胜过Money<br />
        <img src="1.jpg" alt="水手怕水" width="400px" /><br />
        这些海鲜 捕吃可吃 知不可吃<br />
        捕吃可吃 知不可吃可<br />
        不吃不吃不吃 克制不吃土司<br />
        跟我学一遍 来<br />
        我去海产店买鱼虾来放生<br />
        去水族馆把鱼通通捞走<br />
        只有一种鱼捞不走<br />
        姓大名叫白鲨 大白鲨<br />
        船长说 为了节能减碳尽量用手划<br />
        有空就去甲板吸收太阳能<br />
        抹抹防晒 等着美人鱼上钩 Go<br />
        铃不铃不铃 铃不铃不铃<br />
        铃不铃不铃 铃不铃不铃<br />
        我的闹钟怎么叫不醒我<br />
        铃不铃不铃 铃不铃不铃<br />
        铃不铃不铃 铃不铃不铃<br />
        林老师在喝牛奶<br />
        <img src="2.jpg" alt="水手怕水" width="400px" /><br />
        叫我 水手<br />
        Oh oh come on come on baby<br />
        美人鱼勾引我这招 卑鄙<br />
        Oh喊我 水手<br />
        Oh oh come on come on honey<br />
        我喜欢你胜过Money<br />
        嘘 叫我 水手<br />
        Oh oh come on come on baby<br />
        美人鱼勾引我这招 卑鄙<br />
        Oh喊我 水手<br />
        Oh oh come on come on honey<br />
        我喜欢你胜过Money<br />
        叫我 水手<br />
        Oh oh come on come on baby<br />
        美人鱼勾引我这招 卑鄙<br />
        大白鲨<br />
        Oh喊我 水手<br />
        Oh oh come on come on honey<br />
        我喜欢你胜过Money<br />

    </p>
    <hr>
    友情链接:<a href="#">A网站</a> / <a href="#">B网站</a> / <a href="#">C网站</a><br /><br />
    <a id="bottom" href="#">回到顶部</a> /
    <!--
        如果把链接地址设置成 # ,则点击超链接以后,会自动跳转到页面的最顶部
        html中有一个属性,每一个元素都可以设置,该属性可以作为标签的唯一的标识符
        这个属性就是ID ,这个属性的设置元素名字一个页面只能有一个不能重复
    -->
    <a href="mailto:2245935597@qq.com">联系我们</a>
    <!--
        发送电子邮件的超链接,点击链接以后可以自动跳转打开计算机中默认的电子邮件客户端
        herf="mailto:电子邮件"
    -->

</center>

</body>
</html>